.title-menu {
  border: none !important;
  background-color: transparent;

  .el-menu-item {
    height: 50px;
    line-height: 50px;
    border: none;

    &.is-active,
    &:hover {
      border: none;
      background-color: #32405a !important;
      color: #fff !important;
    }

    & .nest-menu .el-submenu > .el-submenu__title,
    & .el-submenu .el-menu-item {
      background-color: #32405a !important;

      &:hover {
        background-color: #32405a !important;
      }
    }
  }

  .el-menu-item.is-active {
    i {
      color: #00aeff;
    }
  }


}

.el-menu--popup {
  min-width: 100px;
}

.title-submenu {
  text-align: center;

  &:hover,
  &.is-active {
    background-color: #32405a !important;

    a {
      color: #fff;
    }
  }

  a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #333;
  }
}